*{
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.whole{
    width: 98vw;
    display: flex;
    background-color: #FCFCFC;
}

.bg{
    /* width: 22.4vw;
    height: 51.4vw; */

    width: 344.06px;
    height: 789.5px;
}

.top{
    width: 71.6vw;
    height: 80px;
    margin-left: 1vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.top .img_div{
    width: 60px;
    height: 40px;
}

.top .img_div img{
    width: 40px;
    height: 40px;
}

.top .p1{
    font-size: 26px;
    font-weight: 500;
    font:Arial;
    color: #333333;
}

.top .p2_div{
    width: 336px;
    height: 20px;
    margin-left: 15px;
    margin-top: 23px;
}

.top .user{
    margin-left: 2vw;
    display: flex;
    flex-direction: column;
    position: relative;
}

.top .user .p3{
    width: 100%;
    font-size: 14px;
    font:Arial;
    color: #838383;
}


.top .divice{
    font-size: 14px;
    font:Arial;
    color: #B0B0B0;
}

.top .la{
    font-size: 14px;
    color: #838383;
    padding-left: 5px;
}


.main{
    margin-top: 40px;
    width: 360px;
    height: 520px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    background-color: white;
}

.main .lo_re{
    width: 345px;
    height: 41.px;
    margin-bottom: 20px;
}

.main .lo{
    display: inline-block;
    font-size: 22px;
    color: #333333;
    text-decoration: underline;
}

.main .re{
    display: inline-block;
    font-size: 22px;
    color: #333333;
    /* text-decoration: underline; */
}

.main .input1{
    width: 354.4px;
    height: 60px;
    display: block;
    border-radius: 10px;
    background-color: #F9F9F9;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
}

.main .input2{
    width: 354.4px;
    height: 60px;
    display: block;
    border-radius: 10px;
    background-color: #F9F9F9;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
}

.main .button{
    width: 356px;
    height: 60px;
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 17px;
    color: #FFF;
    background-color: #FFBE99;
}

.main .button:hover{
    cursor: pointer;
}

.main .for_phone{
    width: 356px;
    height: 34.8px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.main .for{
    display: inline-block;
    font-size: 17px;
    color: #FF5C00;
}

.main .phone{
    display: inline-block;
    font-size: 16px;
    color: #FF5C00;
}

.main .other{
    margin-top: 100px;
    font-size: 16px;
    color: #AAAAAA;
}

.main .pic{
    width: 360px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.main .pic img{
    margin-top: 10px;
    width: 46px;
    height: 46px;
    padding-left: 10px;
    padding-right:10px;
}

.main .pic img:hover{
    cursor: pointer;
}

.gcs-footer{

    margin-top: 20px;
  
  
  
    bottom: 16px;

    height: 100px;
  
    text-align: center;
  
    color: white;
  
    position: absolute;
  
  }
  
  .gcs-footer .footer-top{
  
    margin-top: 50px;
  
  }
  
  .gcs-footer a{
  
    color: #041111;
  
    text-decoration: none;
  
    padding: 0 10px;
  
    vertical-align:middle;
  
  }
  
  .gcs-footer a:hover{
  
    color: red;
  
    text-decoration: underline;
  
  }
  
  .gcs-footer p{
  
    color: #888888;

    padding-bottom: 20px;
  }